<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>煤炭管理系统-忘记密码</title>
    <#include "../base/base-css.ftl">
    <link rel="stylesheet" href="/static/css/login.css">


</head>
<body>
<div class="login-bg">
    <div class="login-form-wrapper">
        <h2>煤炭管理系统</h2>
        <form class="layui-form">
            <div class="layui-form-item login-input">
                <input type="text" name="title" required
                       lay-verify="required" placeholder="请输入账号" autocomplete="off" class="layui-input txt">
            </div>
            <div class="layui-form-item login-input">
                <input type="password" name="password"
                       required lay-verify="required" placeholder="请输入新密码"
                       autocomplete="off" id="password" class="layui-input txt">
                <div class="showpass icon_see"></div>
            </div>
            <div class="layui-form-item login-input verify_img" >
                <input type="text" name="checkcode"
                       required lay-verify="required" placeholder="请输入验证码"
                       autocomplete="off" class="layui-input txt">
                <img id="verify_code" src="/user/public/code" alt="验证码"/>
            </div>
            <div class="layui-form-item ">
                <button class="layui-btn login-btn" lay-submit lay-filter="login">重置密码</button>
            </div>
            <div class="layui-form-item  sign-up">
                <a href="/index">登录</a>
            </div>
        </form>
    </div>
</div>
<script src="/static/lib/layui/layui.js"></script>
<script>
    layui.use(['layer', 'form', 'element','jquery'], function () {
        var layer = layui.layer, form = layui.form,$ = layui.$;
        form.on('submit(login)', function (data) {
            layer.msg(JSON.stringify(data.field));
            return false;
        });

    });


</script>
</body>
</html>